@charset "utf-8";

@function n($px){
    @return $px/2;
}


.dis_hot{
    font-size: 0;
    li{
        float: left;
        padding-top: 5px;
//      img{
//          width: n(196px);
//      }
        &.hot_width_40{
            float: left;
            width: 41%;
            text-align: center;
            padding-left: 4px;
            img{
                width: 93%;
            }
        }
        &.hot_width_60{
            padding-right: 4px;
            width: 58%;
            img{
               width: 98%;
            }
        }
        &.hot_width_28{
            padding-right: 4px;
            width: 26.9%;
            margin-right: 3px;
            img{
                width: 100%;
            }
        }
        &.hot_width_30{
            width: 28%;
            img{
               width: 100%;
            }
        }
    }
}

.ul_width_33{
    font-size: 0;
    margin-left: 5px;
    margin-right: 5px;
    li{
        padding-top: 5px;
        display: inline-block;
        width: 33.8%;
        text-align: center;
        &:nth-of-type(3n + 2){
            width: 32.3%;
        }
        img{
            width: 95%;
        }
    }
}
